الكمبيوترأوالهاتف المحمول. 


الوحدة الأولى : الموضوع الاول : مفاهيم وأساسيات مواقع الويب 
موقع الويب: عبارة عن صفحة ويب أوأكثر مترابطة مع بعضها تحت أسم معبن وله عنوان على شبكة الأنترنت يسمى بعنوان Web Address ¿dal‏ ويمكن زيارة موقع الويب من خلال كم 


صفحة الويب Web Page‏ ؛ هى مستند به محتوى الكترونى ينشر على شبكة الأنترنت ويتم عرضة من خلال برنامج مستعرض الأنترنت. 
عناصر صفحة الويب : فيديو - نصوص - صور- إرتباط تشعبى . 
الصفحة الرئيسية ¿Home Page‏ هى أول صفحة فى موقع الويب والتى من خلالها يتم الأنتقال لباقى صفحات الموقع. 
هناك أنواع من صفحات الويب منها الثابتة والتفاعلية . 
صفحات الويب الثابتة Static Web Pages‏ : تستخدم صفحات الويب الثابتة لعرض معلومات يتم الإطلاع عليها فقط بدون إجراءأى معالجة من الزائرين لمحتواها تستخدم أوامر HTML‏ فى تصميم هذا 


النوع من الصفحات. 


A 


3 


Interactive Web Pages dle Lidl uu y) (denia‏ : هى صفحة معلومات تعرض محتوى يتيح للزائرين التفاعل معه ومعالجته لتصميم هذا النوع من صفحات الويب تستخدم أوامر 1۲١/1‏ بالإضافة 
للغات أخرى مثل لغة PHP dats Java Script‏ وغيرها. 


الموضوع الثانى : مراحل تصميم وإنشاء مواقع الويب 


- تصميم وإنشاء مواقع الويب يمر بعدة مراحل + (خمس مراحل) 


.١‏ التخطيط لبناء موقع الويب 
5 وضع مخطط بسيط رسم 
تخطيطى على الورق يتضمن 
صفحات الموقع (الصفحة 
الرئيسية للموقع وصفحات 
الويب المرتبطة بها.) 
- تحديد البيانات والمعلومات 


التى تتضمنها صفحات الويب. 


؟. تصميم صفحاتالموقع 


- ن ol‏ في 
وضفحات all‏ 3¿ 

Gill cli ll Saat 
لصفحات او لزن اة‎ 
¿de gi »؛ حجم الخط »لونه‎ 
أماكن وضع النصوص © الصور‎ 
الويب.‎ 

د كحديد الا Lk‏ اة 
a des‏ ال 

وصفحات الموقع. 


؟. الإعداد والتجهيز 
- يتم إعداد وتجهيز البيانات النصية 
التى سوف توضع فى صفحات 
الويب » حفظ النص داخل ملف 
نصى ووضعه داخل مجلد. 
5 إعداد وتجهيز ملفات الصور 
ووضعها داخل مجلد. 
- إعداد وتحهيز ملفات الصوت 
والفيديووحفظها داخل احد 
المجلدات . 


:. مرحلة التنفيد 


Jal al‏ السايقة إلى صفحاتك 
ويب يمكن عرضها خلال أحد 
برامج متصفحات الأنترنت . 
صور — صوت - فيديو ) فى 

- إنشاء الإرتباطات التشعبية بين 
صفحات الويب للموقع . 


0. نشراموقع عبرالانترنت 
وهذة المرحلة تت 95 
تخصيص مساحة تخزينية 
للموقع على أحد أجهزة 
الخادم » نشر الموقع عبر 
ea gy‏ 


OY 6 


الموضوع الثالث : إنشاء ومعالجة ملفات الصوت 


هناك العديد من البرامج التى تستخدم فى التعامل مع ماغات الصوت وتمكن المستخدم من إنشاء ومعالجة ملفات الصوت بطرق سهلة وجيدة . 


: مرحلةالإعداد والتجهيز لإنشاء ملف صوت تتضمن‎ .١ 
جمع البيانات التى سوف يتم تسجيلها صوتيا.‎ - 


برامج إنشاء ومعالجة الصوت على أجهزة 
الكمبيوتر بالمعمل ). 

- التأكد من توصيل المكونات المادية ( توصيل 
الميكروفون  —" Mic"‏ السماعات " 
Speakers‏ "( بجهاز الكمبيوتر. 


.٤‏ تصدير ماف الصوت: 
- تصدير ملف الصوت من خلال قائمة 

File "‏ " اختيار "Export Audio"‏ 
- تحديد الأمتداد المناسب لملف الصوت. 


هناك أنواع مختلفة من ملفات امتدادات الصوت 
WAV, MP3‏ وعلى حسب الحاجة يتم u)‏ ستخدام 
امتداد الملف المناسب. 


5. مرحلة التنفيذ لإنشاء ماف الصوت : 
أستخدام برنامج Audacity‏ لإنشاء ومعالجة الصو ت وهو أحد البرامج 
مفتوحةالمصدر › وهو برنامج يمكنه أن يعمل على انظمة تشغيل 
Windows - Lunix‏ 
- لبدء التسجيل الصوتى يتم الضغط على زر تسجيل 
Record button‏ @ حيث يصبح البرنامج فى وضع تسجيل الصوت . 
الميكروفون“ “Mic‏ كوحدة إدخال. 


- للإنتهاء من إدخال البيانات الصوتية يتم الضغط على زر الإيقاف B stop‏ 


5 للإستماع إلى الصوت الذى يتم allan‏ بالضغط على زر التشغيل play‏ ® 


المقارنة 


WAV MP3 


da gall -‏ والنقاء | - أقل نقاء مقارنة" ب WAV‏ | - يتميز بالجودة والنقاء 


Y‏ مرحلة التعديل فى الصوت: 


= إضافة تأثيرات أخرى على الصوت (أوأحد مقاطع 
الصوت): 

- تحديد مقطع الصوت و إضافة أحد التأثيرات 
عليه مثل تأثير الأنعكاس "Reverse"‏ 
- تحديد مقطع الصوت و إضافة أحد التأثيرات 
عليه مثل تأثير التكرار Repeat"‏ ". 
SU y -‏ من قائمة Effect‏ يتم إختيار aa}‏ 
التأثيرات المطلوبة . 


" قص ولصق مقطع صوتى : 
said else:‏ 
قائمة Edit‏ اختار Cut‏ 
- تحريك مؤشر القراءة بالشريط الزمني إلى 
المؤشر المطلوب عمل لصق للمقطع الصوتى 


عنده » من قائمة Edit‏ اختار Paste‏ . 


" حذف مقطع : 
- تحديد المقطع الصوتى المطلوب حذفه. 
- الضغط على مفتاح " Delete‏ " من لوحة 
المفاتيح فيتم حذف المقطع الصوتى الذى يتم 


AM 
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الموضوع الرابع : إنشاء ومعالجة ملفات الفيديو 


يوجد العديد من البرامج لأنشاء معالجة برامج الفيديوالتى تستخدم فى انشاء فيد يوهات ومنها " "kedenlive‏ وبرنامج "openshot"‏ 
التشغيل Linux — Windows‏ ويوجد أيضأ برنامج Movie Maker‏ يعمل من خلال نظام التشغيل Windows‏ 


تتكون واجهة البرنامج من التالى : 
)١‏ الشريط الرئيسى ‚Main Toolbar‏ 
5) شربط التحرير Edit Toolbar‏ 
الشریط الزمنی Timeline‏ لابرنامج: 
١‏ المسطرة Ruler‏ (تظهر المدى الزمنى الحالى بالشريط الزمنى ). 
-Y‏ رأس القراءة Play Head‏ (يقرأ الكليب الحالى الذى قفت علية فى الشريط الزمنى ليظهرفى نافذة معاينة الفيديو). 
۳- الكليب الحالى (قد يكون صورة أو صوت أو لقطة فيديو). 
¢- المسارات Tracks‏ 
إنشاء مشاهد فيديو كليب من خلال إتباع الخطوات التالية: 
.١‏ إستيراد ملفات الصورداخل pall‏ نامج : ؟. إستيراد ملف الصوت داخل البر نامج : 
= الضخط ala). le‏ اد ملفات دفي لإضافة ملف Si gual‏ يتم Laa‏ 
الشريط الرئيسى Main Toolbar‏ على + Add File‏ بالشريط 
وإضافة الصور المطلوبة كذلك يمكن إستيراد /الرئيسى Main Toolbar‏ و 
الملفات من قائمة File‏ ثم إختيار Import‏ . | إضافة ملف الصوت المطلوب 
Files‏ ليظهر فى تبويب Project‏ 
- إستيراد ملفات الصور من داخل مجلد " "Files"‏ . 
مدرستى " لتظهر فى Project Files si‏ 
بالبرنامج. 
- وترتيب الصور على الشريط الزمنى 


‚Project File ملفات المشروع‎ (Y 
Zoom slider التصغير والتكبير‎ (7 


۳. معاينة الفيديو: 
العمل alles‏ يتم الضغط 
على زر التشغيل " "Play‏ فى 
a‏ معايكة y‏ :و مشا هده 
الفيديو . 


تعديل مشاهد الفيديو 
بعد معاينة مشاهد الفيد يو قد تحتاج تلك المشاهد إلى تعديل مثل إعادة ترتيب المشاهد حذف أحد المشاهد زيادة أو تقليل الفترة الزمنية. 


‚Function Tab تبويب الوظائف‎ (Y 
Play head/ Ruler القرأة‎ 4 (Y 


ay 


UN 
a DO 


وهى برامج مفتوحة المصد تعمل من خلال نظام 


‚Preview Window معاينة الفيديو‎ (2 
‚Timeline الشريط الزمنى‎ (A 


Save Project حفظ مشروعالفيديو‎ .٤ 
يتم حفظ مشروع الفيديو من خلال التالى:‎ 
) صور‎ » ya) حفظ جميع الملفات‎ - 
والمستخدمة فى مشاهد الفيديو داخل مجلد‎ 
محدد.‎ 
Main -من شريط القوائم الرئيسى‎ 
ثم إختيار‎ "File " يتم إختيار‎ "Toolbar" 
." Save Project As " 
يجب أن‎ " Sch ") تسمية المشروع بأسم‎ - 
.) يكون الأسماء المستخدمة باللغة الإنجليزية‎ 
." Pro] " مجلد‎ Jala تحديد مكان الحفظ‎ - 
إغلاق البرنامج.‎ 
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.١‏ التحكم فى الفترة الزمنية الملخصصة 
ya pal‏ مشهد الفيديو "Video Clip"‏ 
- بعد عمل معاينة لمشاهد الفيديو (الصورمع 
الصوت) فقد يكون الصوت بالفيديو فترته 
الزمنيىة أكبر من الصورويظهر ذلك فى الشريط 
الزمنى Timeline‏ 

- التحكم فى مشهد الصوت بحيث ينتهى 
مع نهاية عرض اخر مشهد لأخرصورة على الشريط 
الزمنى . 


؟.التحكم فى الفترة الزمنية الملخصصة للصوت مع 
مشاهد الصور 

تحريك مؤشرالقراءةوذلك بالضغط والسحب على رأسه (أو 

بأستخدام الأسهم oy‏ المفاتيح ) حتى يصل لأخر مكان على 

الشريط الزمنى ينتهى عند ظهوراخر صورة فى مشهد الفيديو. 

- الوقوف بمؤشر الفأرة على مسار الصوت( Track‏ ) والضغط 

بالزرالأيمن للغارة. 

- ومن القائمة المختصرةالتى تظهر يتم اختيارشريحة الكليب 

Slice Clip 

عند أختيارأمرشريجة الكليب Slice Clip‏ تظهر 

الأختيارات التالية: 

- عند اختیار Keep Both Slides‏ يتم عمل انقسام فى 
الكليب الذى على المسارإلى شريجتين مع الأحتفاظ بهما. 

- عند اختیار Keep left Slides‏ يتم عمل انقسامفى 
الكليب الذى على المسارإلى شريحتين مع إبقاء الشريحة 
باليسارفقط ومسح الشريحة باليمين. 

- عند اختیار Keep Right Slides‏ يتم عمل انقسامفى 
الكليب الذى على المسار إلى شريحتين مع إبقاء الشريحة التى 
باليمين فقط ومسح الشريحة باليسار 


المقارئة 
الجودة والنقاء 
حجم الملف 


يتميز بالجودة والنقاء 
سعته التخزينية كبيرة 


Y‏ إضافة تأثيرات "Effects"‏ لمشهد 
الفيديو 

- الضغط على تبويب "Effects"‏ للأنتقال إلى 
التأثيرات. 

- تظهر مجموعة من التأثيرات نحت اسم 
"Effects"‏ 

- لإضافة تأثير "Effect"‏ مشهد الفيديويتم أختيار 
أحد التأثيرات. 

- الضغط والسحب على التأثير وإضافته لشهد 
الفيديو. 

- عمل معاينة لمشاهدة الفيديو. 


0. إضافة نص إلى الفيديو 

- تعديد النصوص المطلوب إضافته إلى الفيديو. 

- تحديد الأماكن التى سوف يضاف إليها التص (فى 
بداية الفيديو- بين مشاهد الفيديو-فى نهاية 
الفيديو). 

- من قائمة Title‏ يتم أختيار Title‏ قيظهر 
المريع الحوارى التالى : 

- بالضغط على زر حفظ “ “Save‏ لحفظ النص 
داخل ملف فى مجاد مشروع ۶٣١1”‏ . 

- يجب تسمية الملف النصى باللغة الأنجليزية. 

- يظهر alll‏ النصى فى ماغات المشروع “Project‏ 


. Files” 


MP4 AVI 
AV أقل نقاء با لمقارنة ب‎ 


سعته التخزينية أقل 


ري أصدقر 


0 


3 


Da 


¢. إضافة مراحل انتقالية Transitions‏ لمشاهد 
الفيديو 

- الضغط على تبويب الإنتقالات "Transitions‏ 

- الضغط مع السحب على أحد المراحل الأنتقالية وإضافته 
للمشهد المطلوب. 

- -وضع المرحلة الأنتقالية فى بداية أونهاية المشهد. 

- التحكم فى فترة زمنية لعرض المرحلة الإنتقالية بالضغط 
والسحب عليها لتقليل أوزيادة الفترة الزمنية لها بالعرض. 


.٦‏ تصديرالفيديوإلى ملف بأمتداد مناسب 

- الضغط على زرتصدير الفيديو "Export Video”‏ 
القائمة الرئيسة Main Toolbar"‏ (أومن خلال قائمة 
(‘Export Video” ¿4514 File‏ 

- يظهرالمربع الحوارى لتصدير الفيديو Export‏ 
"Video”‏ 

- تعديد اسم لحفظ ملف الفيديو "File Name”‏ 

- تعديد مكان حفظ ال ملف على لكمبيوتر أوأحد 
وحداتالتخزين "File Path”‏ 

- تعديد نوع امتداد ملف الفيديو Target”‏ 

- تحديد مستوى جودة الملف “Quality‏ ". 

- تصديرالفيديو بالضغط على زرتصديرالفيديو 
."Export Video"‏ 
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الوحدة الثانية : إنشاء صفحات الويب يأستخدام HTML‏ 
لغةالترميز :(Hyper Text Markup Language)HTML‏ 


هى لغة تكويد تستخدم لإنشاء صفحات موقع الإنترنت الثابتة والتى يتم عرضها باستخدام أحد برامج مستعرضات الإنترنت. 
أوامرلغة HTML‏ : 
لانشاء صفحة ويب يتم استخدام أوامر HT IVIL Aad‏ »وتسمى هذة الأوامر بال Tags‏ ويقوم برنامج مستعرض الإنترنت بتنفيذها ليظهر تأثير تلك الأوامر على صفحة المستعرض. 
لإنشاء صفحة ويب بإستخدام أوامر 1110/11 يجب اتباع القواعد الأساسية التالية: 
-إنشاء ملف نصى بإستخدام أحد برامج تحرير النصوص وذلك لكتابة أوامر HTML‏ وتعديلها. 
كتابة أوامر HTML‏ حيث يتم وضع الأمر بين العلامتين " <> ". 
معظم الأوامر لها بداية " >< " ونهاية " CES‏ 
حفظ الملف النصى الذى يحتوى على أوامر HTML‏ بإمتداد ‚html‏ أو «html‏ 
فتح الملف المحفوظ بإستخدام مستعرض الأنترنت لعرض صفحة الويب ومشاهدة نتيجة تنفيذها . 
لايشترط أن تكتب أوامر HTML‏ بحروف كبيرة Capital‏ أوصغيرة ‚Small‏ 
á‏ د HTIVIL‏ لقسمين رئيسين bed‏ 
diia! head -‏ الخاصة ركقاية مظومات لسرن حول الضفحة Jia‏ عنوان الصفحة. 
body -‏ المنطقة الخاصة بكتابة المحتوى الذى سيظهر داخل الصفحة. 


بعض أوامر HTML‏ لتصميم صفحة ويب : 


يكتب في يداية الكود اليشير الى أن المستتد 
مکتوب «html Ll‏ 


المتطمَة الخاصة يكتايةه مطلومات gie‏ عت 
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| تحديد oy‏ تصقحةه الونب . 


اتهاء اقكتاية قي التسطر الحائي ويدء الكتلية قي 


 رطستلا توضع تص عي متتصف‎ <center> 


E (مساقة) بين اقكلمات‎ £18 cua | &nbsp; 5.) 


face—color—size ses a تلتحكم‎ <font 


 ةياتكلا تحت‎ bs Be 


لاظهار 535-0 على nio‏ الودبي - src—height—width—‏ 


align 


ملاحظة: 

برنامج مستعرض الإنترنت * Internet Explorer‏ هو المستعرض الوحيد الذي يدعم ADD‏ 
<bgsound>‏ لإدراج الصوت كخلفية صوتية لصفحة الويب ولا يظهر تأثير هذا الأمر مع الأنواع الأخرى 
من المستعرضات . 

باستخدام الأمر <bgsound>‏ والخاصية sre‏ المصاحبة لهء يتم إدراج الصوت كخلفية صوتية 
لصفحة الويب. الخاصية sre‏ للأمر Sab‏ قيمة اسم ملف الصوت وامتداده (وذلك في حالة حفظ ملف الصوت 


مع ملف صفحة الوبب فى نفس المجلد. ذلك يجب كتابة مسار ملف ت «iS‏ 
& دروب عي uk‏ و _ ~ 
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